<template>
  <div id="app">
    <template v-if="route.path.startsWith('/user')">
      <router-view />
    </template>
    <template v-else>
      <BasicLayout />
    </template>
  </div>
</template>

<style>
#app {
}
</style>

<script setup lang="ts">
import BasicLayout from "@/layouts/BasicLayout.vue";
import { onMounted, ref } from "vue";
import { useRoute } from "vue-router";

const route = useRoute();
const doInit = () => {
  console.log(
    `
.__           .__  .__           ___.               __
|  |__   ____ |  | |  |   ____   \\_ |__   ______   |__|
|  |  \\_/ __ \\|  | |  |  /  _ \\   | __ \\ /  ___/   |  |
|   Y  \\  ___/|  |_|  |_(  <_> )  | \\_\\ \\___ \\    |  |
|___|  /\\___  >____/____/\\____/  /\\___  /____  >\\__|  |
     \\/     \\/                   )/   \\/     \\/\\______|
`
  );
};

onMounted(() => {
  doInit();
});
</script>
